<template>
  <div style=" background-color: #fff;">
    <div class="Famous_top">
      <span class="titletext">社区名人榜</span>
    </div>
    <div class="Img_box">
      <ul>
        <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>

         <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li> <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
        <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
        <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>
        <li>
          <img src="https://zbbs.jd.com/uc_server/avatar.php?uid=216064&size=small" alt="">
        </li>


      </ul>
    </div>
  </div>  
</template>

<script>
export default {

}
</script>

<style scoped>
  .Famous_top{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dfdfdf;
    /* float: left; */
    background-color: #fff;
  }
  .titletext {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
  }
  .Img_box{
    margin-top: 20px !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
    margin-left: 6px !important;
    height: 180px;
  }
  .Img_box ul li{
    width: 41px;
    height: 41px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
    margin: 0 6px 5px 0;
    float: left;
    list-style: none;
    border: 1px black;
  }
</style>